@size: 1rem;
@space: @size / 5;

@mainColor: #333;
@defaultFont: #333;
@grayFont: #777;

@borderColor: #ddd;
@red: red;
@blue: #6cf;
@green: yellowgreen;
@orange: #f70;
@bg-dark: rgba(0, 0, 0, .5);
@bg-dark-active: rgba(0, 0, 0, .8);
@bg-light: rgba(255, 255, 255, .5);
@bg-light-active: rgba(255, 255, 255, .8);
@form-warning: rgba(255,0,0,0.2);

@normal: .25rem;
@big: @normal * 1.2;
@x-big: @normal * 1.4; 
@xx-big: @normal * 1.6;
@max-big: @normal * 3;

.overScroll() {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.border() {
    border: 1px solid @borderColor;
}
.borderTop() {
    border-top: 1px solid @borderColor;
}
.borderRight() {
    border-right: 1px solid @borderColor;
}
.borderBottom() {
    border-bottom: 1px solid @borderColor;
}
.borderLeft() {
    border-left: 1px solid @borderColor;
}
.f1() {
    flex: 1;
}

.flexCenter() {
    display: flex;
    justify-content: center;
    align-items: center;
} 
.flexLeft() {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flexRight() {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.flexBetween() {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flexColunm() {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ellipsis (@count: 2) {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: @count;
    -webkit-box-orient: vertical;
}
